/* 스케쥴러 */
table.schedule{	    
	width:100%;
	text-align: center; /* 가운데로 정렬 */
}
.schedule caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.schedule th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.schedule thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff;}	
.schedule tbody tr {background:#f9f9f9; height:50%;}  /*tbody 배경 색  */
.schedule tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}

/* 버튼이미지 */
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0px;
	border:2px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:돋움;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #ffffff;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.button:active {
	position:relative;
	top:1px;
}

/* 메인페이지 */
table.main{	    
	width:90%;
	text-align: left; /* 가운데로 정렬 */			
}
.main caption{font-size:18px; padding:5px; margin-bottom: 15px;}
.main th,td {padding:5px 10px; font-size: 13px;} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.main thead th {background:#ABC668; color:#fff; text-align:center; border-right:1px solid #fff}	
.main tbody tr {background:#ffffff}  /*tbody 배경 색  */
/* .content tbody tr:hover {background:#F3F5BB} 각 행에 마우스 커서를 올렸을 때 배경 색  */
.main tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}
.main textarea {resize:none;}

/* 메인 화면 게시판 목록 테이블 설정 */
table.list_main{	    
	width:100%;
	text-align: center; /* 가운데로 정렬 */	
}
.list_main caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.list_main th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.list_main thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff;}	
.list_main tbody tr {background:#f9f9f9; height:50%;}  /*tbody 배경 색  */
/* .list_main tbody td:hover {background:#F3F5BB; height: 20px;} 각 행에 마우스 커서를 올렸을 때 배경 색  */
.list_main tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}

/* 회원전체정보 게시판 목록 테이블 설정 */
table.memberList{	    
	width:70%;
	text-align: center; /* 가운데로 정렬 */	
}
.memberList caption{font-size:18px; padding:5px; margin-bottom: 15px;}
.memberList th,td {padding:5px 10px; font-size: 13px;} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.memberList thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff}	
.memberList tbody tr {background:#f9f9f9; height:50%;}  /*tbody 배경 색  */
/* .memberList tbody td:hover {background:#F3F5BB; height: 20px;} 각 행에 마우스 커서를 올렸을 때 배경 색  */
.memberList tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2;}
.memberList .email{
	width: 50%;
}
.memberList .nick{
	width: 15%;
}
.memberList .point{
	width: 10%;
}
.memberList .grade{
	width: 10%;
}
.memberList .date{
	width: 15%;
}
/* 감독전체정보 게시판 목록 테이블 설정 */
table.directorList{	    
	width:50%;
	text-align: center; /* 가운데로 정렬 */	
}
.directorList caption{font-size:18px; padding:5px; margin-bottom: 15px;}
.directorList th,td {padding:5px 10px; font-size: 13px;} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.directorList thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff}	
.directorList tbody tr {background:#f9f9f9; height:50%;}  /*tbody 배경 색  */
.directorList tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2;}
.directorList .email{
	width: 10%;
}
.directorList .name{
	width: 90%;
}
/* 영화정보 게시판 목록 테이블 설정 */
table.movieInfolist{	    
	width:50%;
	text-align: center; /* 가운데로 정렬 */	
}
.movieInfolist caption{font-size:18px; padding:5px; margin-bottom: 15px;}
.movieInfolist th,td {padding:5px 10px; font-size: 14px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.movieInfolist thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff}	
.movieInfolist tbody tr {background:#f9f9f9; height:50%;}  /*tbody 배경 색  */
.movieInfolist tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2;}
.movieInfolist .no{
	width: 10%;
}
.movieInfolist .title{
	width: 90%;
}

/* 영화관 정보 게시판 목록 테이블 설정 */
table.cinemaInfolist{	    
	width:50%;
	text-align: center; /* 가운데로 정렬 */	
}
.cinemaInfolist caption{font-size:18px; padding:5px; margin-bottom: 15px;}
.cinemaInfolist th,td {padding:5px 10px; font-size: 14px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.cinemaInfolist thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff}	
.cinemaInfolist tbody tr {background:#f9f9f9; height:50%;}  /*tbody 배경 색  */
.cinemaInfolist tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2;}
.cinemaInfolist .no{
	width: 10%;
}
.cinemaInfolist .title{
	width: 90%;
}
/* 상영정보 게시판 목록 테이블 설정 */
table.showingInfoList{	    
	width:50%;
	text-align: center; /* 가운데로 정렬 */	
}
.showingInfoList caption{font-size:18px; padding:5px; margin-bottom: 15px;}
.showingInfoList th,td {padding:5px 10px; font-size: 14px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.showingInfoList thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff}	
.showingInfoList tbody tr {background:#f9f9f9; height:50%;}  /*tbody 배경 색  */
/* .showingInfoList tbody td:hover {background:#F3F5BB; height: 20px;} 각 행에 마우스 커서를 올렸을 때 배경 색  */
.showingInfoList tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2;}

/* 게시판 레이아웃 */
@CHARSET "utf-8";
body{
	font-size:14px;	
	font-family:돋움;
	/* background: url(../img/iu.jpg) no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		        		  	
}
/* 게시판 목록 테이블 설정 */
table.list{	    
	width:50%;
	text-align: center; /* 가운데로 정렬 */		
}
.list caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.list th,td {padding:5px 10px; font-size: 14px;} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.list thead th {background:skyblue; color:#fff; text-align:center; border-right:1px solid #fff}	
.list tbody tr {background:#f9f9f9}  /*tbody 배경 색  */
.list tbody td:hover {background:#F3F5BB} /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.list tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}
.list .no{
	width: 10%;
}
.list .title{
	width: 45%;
}
.list .name{
	width: 15%;
}
.list .date{
	width: 20%;
}
.list .hit{
	width: 20%;
}
/* 티켓 예매 영화 목록 */
table.ticketingMovieList{	    
	width:100%;
	text-align: center; /* 가운데로 정렬 */		
}
.ticketingMovieList caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.ticketingMovieList td {border-bottom:3px solid #FFE6E6; }
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.ticketingMovieList thead th {background:#ABC668; color:#fff; text-align:center; border-right:3px solid #fff}	
.ticketingMovieList tbody tr {background:#f9f9f9; border-bottom:1px solid #fff;}  /*tbody 배경 색  */
.ticketingMovieList tbody td:hover {background:#FFEAEA; cursor: pointer; } /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.ticketingMovieList tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}
/* 티켓 예매 영화관 목록 */
table.ticketingCinemaList{	    
	width:100%;
	text-align: center; /* 가운데로 정렬 */		
}
.ticketingCinemaList caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.ticketingCinemaList td {border-bottom:3px solid #FFE6E6; }
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.ticketingCinemaList thead th {background:#ABC668; color:#fff; text-align:center; border-right:3px solid #fff}	
.ticketingCinemaList tbody tr {background:#f9f9f9; border-bottom:1px solid #fff;}  /*tbody 배경 색  */
.ticketingCinemaList tbody td:hover {background:#FFEAEA; cursor: pointer; } /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.ticketingCinemaList tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}

/* 영화관 목록 테이블 설정 */
table.cinemaList{	    
	width:100%;
	text-align: center; /* 가운데로 정렬 */		
}
.cinemaList caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.cinemaList td {border-bottom:3px solid #fff; }
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.cinemaList thead th {background:#ABC668; color:#fff; text-align:center; border-right:3px solid #fff}	
.cinemaList tbody tr {background:#f9f9f9; border-bottom:1px solid #fff;}  /*tbody 배경 색  */
.cinemaList tbody td:hover {background:#F3F5BB; cursor: pointer; } /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.cinemaList tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}
	
/* 상세 게시물보기  */
table.content{	    
	width:50%;
	text-align: left; /* 가운데로 정렬 */			
}
.content caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.content th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.content thead th {background:#ABC668; color:#fff; text-align:center; border-right:1px solid #fff}	
.content tbody tr {background:#f4ffee}  /*tbody 배경 색  */
/* .content tbody tr:hover {background:#F3F5BB} 각 행에 마우스 커서를 올렸을 때 배경 색  */
.content tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}
.content textarea {resize:none;}

/* 영화 정보(관리자) */
table.movieContent{	    
	width:80%;
	text-align: center; /* 가운데로 정렬 */	
}
.movieContent caption{font-size:15px; padding:5px; margin-bottom: 15px; }
.movieContent th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.movieContent thead th {background:#ABC668; color:#fff; text-align:center; border-right:1px solid #fff}	
 .movieContent tbody tr {background:#f9f9f9;}/* tbody 배경 색  */
/* .movieContent tbody tr:hover {background:#F3F5BB} */ /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.movieContent tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}	
.movieContent textarea {resize:none;}

/* 감독 정보(관리자) */
table.directorContent{	    
	width:55%;
	text-align: center; /* 가운데로 정렬 */	
}
.directorContent caption{font-size:15px; padding:5px; margin-bottom: 15px; }
.directorContent th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.directorContent thead th {background:#ABC668; color:#fff; text-align:center; border-right:1px solid #fff}	
.directorContent tbody tr {background:#f9f9f9;}/* tbody 배경 색  */
.directorContent tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}	
.directorContent textarea {resize:none;}

/* 좌석배치도 */
table.seatList{	    
	width:70%;
	text-align: center; /* 가운데로 정렬 */	
}
.seatList caption{font-size:15px; padding:5px; margin-bottom: 15px; }
.seatList th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.seatList thead th {background:#ABC668; color:#fff; text-align:center; border-right:3px solid #fff}	
.seatList tbody tr {background:#f9f9f9;}/* tbody 배경 색  */
/* .seatList tbody tr:hover {background:#F3F5BB} */ /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.seatList tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}	
.seatList textarea {resize:none;}


/* 글쓰기 입력폼  */
table.inputForm{	    
	width:35%;
	text-align: center; /* 가운데로 정렬 */	
}
.inputForm caption{font-size:15px; padding:5px; margin-bottom: 15px; }
.inputForm th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.inputForm thead th {background:#ABC668; color:#fff; text-align:center; border-right:1px solid #fff}	
 .inputForm tbody tr {background:#f9f9f9;}/* tbody 배경 색  */
/* .inputForm tbody tr:hover {background:#F3F5BB} */ /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.inputForm tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}

.inputForm textarea {resize:none;}

/* 내 정보 폼 */
table.myPageForm{	    
	width:40%;
	text-align: center; /* 가운데로 정렬 */	
}
.myPageForm caption{font-size:15px; padding:5px; margin-bottom: 15px; }
.myPageForm th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.myPageForm thead th {background:#ABC668; color:#fff; text-align:center; border-right:1px solid #fff}	
 .myPageForm tbody tr {background:#f9f9f9;}/* tbody 배경 색  */
/* .inputForm tbody tr:hover {background:#F3F5BB} */ /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.myPageForm tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}
.myPageForm textarea {resize:none;}

/* 영화 글쓰기 */
table.movieWrite{	    
	width:60%;
	text-align: center; /* 가운데로 정렬 */	
}
.movieWrite caption{font-size:15px; padding:5px; margin-bottom: 15px;}
.movieWrite th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.movieWrite thead th {background:#ABC668; color:#fff; text-align:center; border-right:1px solid #fff}	
.movieWrite tbody tr {background:#f9f9f9;}/* tbody 배경 색  */
.movieWrite tbody td {background:#f9f9f9;}/* tbody 배경 색  */	
.movieWrite tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}


/* 영화관 테이블 */
table.cinema{text-align: center;}
.cinema caption{font-size:15px; padding:5px; margin-bottom: 15px}
.cinema th,td {padding:5px 10px} /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.cinema thead th {background:#ABC668; color:#fff; text-align:center;}	
.cinema tbody tr {background:#f9f9f9}  /*tbody 배경 색  */
/* .cinema tbody tr:hover {background:#F3F5BB} */ /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.cinema tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}

/* 인원 수 테이블*/
table.peopleCount{text-align: center;}
.peopleCount th,td {padding:5px 10px; } /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.peopleCount thead th {background:#ABC668; color:#fff; text-align:center;}	
.peopleCount tbody tr {background:#f9f9f9}  /*tbody 배경 색  */
/* .ticketing tbody tr:hover {background:#F3F5BB} */ /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.peopleCount tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}

/* 티켓예매 테이블 */
table.ticketing{text-align: center;}
.ticketing caption{font-size:15px; padding:5px; margin-bottom: 15px}
.ticketing th,td {padding:5px 10px; } /* 상하 여백 5 좌우 여백 10 */
/* thead의 배경색과 폰트 색상, 오른쪽 경계선의 색상을 지정한다.  */
.ticketing thead th {background:#ABC668; color:#fff; text-align:center;}	
.ticketing tbody tr {background:#f9f9f9}  /*tbody 배경 색  */
/* .ticketing tbody tr:hover {background:#F3F5BB} */ /* 각 행에 마우스 커서를 올렸을 때 배경 색  */
.ticketing tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}

p.paging{
    width:50%;
	text-align: center; /* 가운데로 정렬 */	
	font-weight: bold;		
}
/* 한번도 클릭하지 않은 링크, none으로 언더라인 생기지 않게 함 */
a:link {color:#888; text-decoration:none;}
/* 한번 이상 클릭한 링크, none으로 언더라인 생기지 않게 함 */
a:visited {color:#888; text-decoration:none;}	
/* 마우스 오버시 링크 색상, none으로 언더라인 생기지 않게 함 */
a:hover {color:#333; text-decoration:none;}

/* 이미지 마우스 오버시 커서 포인터 변경 */
.action{
	font-size:50%;
  cursor: pointer;
}

/* 페이징   */
p.paging{
	width:50%;
	text-align: center;
}

/* 예매 - 좌석선택 화면 */
.wrap {
    width: 100%;
    overflow: hidden;
}

ul, ol {
    list-style: none;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.colsHead {
    width: 100%;
    padding-left: 30px;
}
.rowsHead {
    width: 30px;
}

li {
    width: 30px;
    height: 30px;
    border: 1px;
    text-align: center;
    line-height: 30px;
}

.seat li {
    float: left;
    border: 1px solid skyblue;
}

.colsHead li {
    float: left;
    border: 1px solid white;
}
.rowsHead li {
    border: 1px solid white;
}

.reserve {
    background-color: orange;
}

.seat .ui-selecting {
    background: #FECA40;
}
.seat .ui-selected {
    background: #F39814; color: white;
}
	